// pages/home/detail/detail.js
const app = getApp();
import { _get_article_detail, _send_comment, _article_like, _article_collect, _comment_like, _get_article_comments } from '../../../utils/qiaofinn'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    article_id: '',
    article: {},   // 内容数据
    article_content: "",
    comment_content: '',   //输入的评论
    comments: [],
    comments_next_page: null,
    CommentInputBottom: 0   //评论输入框的高度
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      article_id: options.articleId
    })
    // 获取评论
    // _get_article_comments(this.data.article_id,{},res=>{
    //   if(res.status){
    //     this.setData({
    //       comments:res.data.dataList,
    //       comments_next_page:res.data.next
    //     })
    //   }
    // })
  },
  // 评论点赞
  commentLikeTap: function (res) {
    const comment_id = res.target.dataset.id
    let comments = this.data.comments
    _comment_like(comment_id, res => {
      if (res.status) {
        const new_comments = comments.map(comment => {
          if (comment.id === comment_id) {
            comment.is_like ? comment.like_count-- : comment.like_count++
            comment.is_like = !comment.is_like
          }
          return comment
        })
        this.setData({
          comments: new_comments
        })
      }
    })
  },
  // 点赞
  articleLikeTap: function () {
    _article_like(this.data.article_id, res => {
      if (res.status) {
        let article = this.data.article
        article.is_like ? article.like_count-- : article.like_count++
        article.is_like = !article.is_like
        this.setData({
          article: article
        })
        wx.showToast({
          title: res.data,
          icon: 'none'
        })
      }
    })
  },
  // 收藏
  collectTap: function () {
    _article_collect(this.data.article_id, res => {
      if (res.status) {
        this.setData({
          [`article.is_collect`]: !this.data.article.is_collect
        })
        wx.showToast({
          title: res.data,
          icon: 'none'
        })
      }
    })
  },
  // 发送评论
  sendCommentTap: function () {
    if (this.data.comment_content) {
      _send_comment(this.data.comment_content, this.data.article.id, res => {
        let title = '评论失败,请稍后重试！'
        if (res.status) {
          title = '评论成功!'
          this.setData({
            comment_content: ''
          })
        } else {
          title = res.message ? res.message : title
        }
        wx.showToast({
          title: title,
          icon: 'none'
        })
      })
    } else {
      wx.showToast({
        title: '请先输入内容',
        icon: 'none'
      })
    }
  },
  commentInput: function (res) {
    this.setData({
      comment_content: res.detail.value
    })
  },
  CommentInputFocus: function (e) {
    this.setData({
      CommentInputBottom: e.detail.height
    })
  },
  CommentInputBlur: function () {
    this.setData({
      CommentInputBottom: 0
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    //获取详情
    _get_article_detail(this.data.article_id, res => {
      const article = res
      let article_content = app.towxml(article.content, 'markdown');
      this.setData({
        article: article,
        article_content: article_content,
        comments: article.comments,
      })
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    // const {comments_next_page, article_id, comments} = this.data
    // if(comments_next_page){
    //   _get_article_comments(article_id,{currentPage:comments_next_page},res=>{
    //     this.setData({
    //       comments:comments.concat(res.data.dataList),
    //       comments_next_page:res.data.next
    //     })
    //   })
    // }else{
    //   wx.showToast({
    //     title: '没有更多的数据',
    //     icon:'none',
    //   })
    // }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})